<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Chat Room</title>
    <link rel="stylesheet" href="{{url_for('static', filename='css/spectre.min.css')}}">
    <link rel="stylesheet" href="{{url_for('static', filename='css/spectre-icons.css')}}">
</head>
<body>
<div class="container">
    <div class="columns">
        <div class="column col-8 col-mx-auto" style="margin-top: 20px">
            <header class="navbar">
                <section class="centered">
                    <div class="navbar-brand mr-2"><h2>Chat Room</h2></div>
                </section>
            </header>
        </div>
    </div>
    {% block content %}{% endblock %}
</div>
</body>
{% block scripts %}
    <script src="{{url_for('static', filename='js/jquery-3.3.1.min.js')}}"></script>
    <script src="{{url_for('static', filename='js/js.cookie.js')}}"></script>
{% endblock %}
</html>